<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>畅销书排行榜</title>
		<style type="text/css">
			div#d1 {
				background-image: linear-gradient(#F9FBCB, #F8F8F3);
				background-repeat: no-repeat;
				font-size: 12px;
				line-height: 28px;
				width: 400px;
				height: 500px;
			}

			div h3 {
				background-color: #518700;
				font-size: 16px;
				text-indent: 1em;
				line-height: 30px;
				color: #F8F8F3;
			}

			div li {
				list-style: none;
			}

			a:hover {
				text-decoration: underline;
			}

			a {
				text-decoration: none;
				color: #1a66b3;
			}

			h3 img {
				vertical-align: middle;
			}

			li img {
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<h3>畅销书排行<img src="happy/bang.gif"></h3>
			<p>
				<ul>

					<li><img src="happy/book_no01.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;不抱怨的世界(畅...</a></li>

					<li><img src="happy/book_no02.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;遇见未知的自己...</a></li>

					<li><img src="happy/book_no03.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;活法（季羡林、...</a></li>

					<li><img src="happy/book_no04.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;高效能人士的七个习惯</a></li>

					<li><img src="happy/book_no05.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;被迫强大（北外女生香奈儿...</a></li>

					<li><img src="happy/book_no06.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;遇见心想事成的自己（《遇...</a></li>

					<li><img src="happy/book_no07.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;世界上最伟大的推销员（插...</a></li>

					<li><img src="happy/book_no08.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;我的成功可以复制（唐骏亲...</a></li>

					<li><img src="happy/book_no09.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;少有人走的路：心智成熟的...</a></li>

					<li><img src="happy/book_no10.gif"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;活出全新的自己——唤醒...</a></li>
				</ul>
			</p>
		</div>
	</body>
</html>
